
.header {
  .returnPrev {
    float: left;
    display: block;
    color: #ffffff;
    font-size: .28rem;
    padding-left: .26rem;
    background: url("../img/zuojiantou.png") no-repeat left .11rem;
    background-size: .19rem .35rem;
    line-height: .6rem;
  }
  .search{
    margin-left: .25rem;
    width: 5.4rem;
  }
  .searchBtn{
    float: right;
    font-size: .24rem;
    color: #ffffff;
    line-height: .6rem;
  }
}

.middle {
  overflow: hidden;
  margin-top: .9rem;
  .hot {
    float: left;
    border-bottom: .01rem solid #f1f1f1;
    padding-bottom: .23rem;
    dt {
      margin-top: .2rem;
      font-size: .28rem;
      color: #323232;
    }
    dd {
      float: left;
      width: 1.3rem;
      background: #e2e2e2;
      color: #939393;
      font-size: .24rem;
      margin-left: .15rem;
      text-align: center;
      height: .35rem;
      line-height: .35rem;
      margin-top: .23rem;
      &:nth-of-type(1) {
        margin-left: 0;
      }
      &:nth-of-type(6n) {
        margin-left: 0;
      }
    }
  }
  .lately {
    float: left;
    width: 100%;
    position: relative;
    dt {
      margin-top: .2rem;
      font-size: .28rem;
      color: #323232;
      &.del {
        background: url("../img/lajitong.png") no-repeat center;
        background-size: .22rem .29rem;
        width: .22rem;
        height: .29rem;
        position: absolute;
        right: 0;
        top: .07rem;
      }
    }
    dd {
      float: left;
      width: 1.3rem;
      background: #e2e2e2;
      color: #939393;
      font-size: .24rem;
      margin-left: .15rem;
      text-align: center;
      height: .35rem;
      line-height: .35rem;
      margin-top: .23rem;
      &:nth-of-type(1) {
        margin-left: 0;
      }
      &:nth-of-type(6n) {
        margin-left: 0;
      }
    }
  }
}
